<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="./css/common-mobile.css">
    <link rel="stylesheet" href="css/index-mobile.css">
    <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css">






</head>

<body>
    <script src="https://unpkg.com/swiper/swiper-bundle.min.js"> </script>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>
    <script src="./js/common-mobile.js"></script>
  






    <div class="header">
        <div class="h">
            <div class="logo">
                <span class="ver"><img src="http://www.bufantec.com/site/hunsha/static/img/logo-1.png" alt=""></span>
                <span class="history"><img src="http://www.bufantec.com/site/hunsha/static/img/logo-2.png"
                        alt=""></span>
            </div>
            <div class="menu-line">
                <div class="line"></div>
                <div class="line"></div>
                <div class="line"></div>
            </div>

            <ul class="nav">
                <li class="nav-item">
                    <a href="index.html">首页</a>
                    <span class="line"></span>
                </li>
                <li class="nav-item">
                    <a href="cloth.html">婚纱礼服</a>
                    <span class="line"></span>
                </li>
                <li class="nav-item">
                    <a href="jewerl.html">珠宝配饰</a>
                    <span class="line"></span>
                </li>
                <li class="nav-item">
                    <a href="active.html">最新活动</a>
                    <span class="line"></span>
                </li>
                <li class="nav-item">
                    <a href="about us.html">关于我们</a>
                    <span class="line"></span>
                </li>
            </ul>
        </div>
    </div>

    <div class="banner">
        <div class="swiper-container0">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="http://www.bufantec.com/site/hunsha/static/img/banner1.jpg" alt="">
                </div>
                <div class="swiper-slide"><img src="http://www.bufantec.com/site/hunsha/static/img/banner2.jpg" alt="">
                </div>

            </div>


        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>
    </div>
    <div class="dress">
        <div class="h">
            <div class="title">
                <p class="title1">婚纱摄影</p>
                <p class="title2">Wedding Dress</p>
            </div>
            
            <div class="swiper-container1">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <ul>
                            <li><img src="http://www.bufantec.com/site/hunsha/static/img/WeddingDress-1.jpg" alt="">
                            </li>
                            <li><img src="http://www.bufantec.com/site/hunsha/static/img/WeddingDress-3.jpg" alt="">
                            </li>
                            <li><img src="http://www.bufantec.com/site/hunsha/static/img/WeddingDress-2.jpg" alt="">
                            </li>
                            <li><img src="http://www.bufantec.com/site/hunsha/static/img/WeddingDress-4.jpg" alt="">
                            </li>
                        </ul>
                    </div>
                    <div class="swiper-slide">
                        <ul>
                            <li><img src="http://www.bufantec.com/site/hunsha/static/img/WeddingDress-5.jpg" alt="">
                            </li>
                            <li><img src="http://www.bufantec.com/site/hunsha/static/img/WeddingDress-7.jpg" alt="">
                            </li>
                            <li><img src="http://www.bufantec.com/site/hunsha/static/img/WeddingDress-6.jpg" alt="">
                            </li>
                            <li><img src="http://www.bufantec.com/site/hunsha/static/img/WeddingDress-8.jpg" alt="">
                            </li>
                        </ul>
                    </div>
                    <div class="swiper-slide">
                        <ul>
                            <li><img src="http://www.bufantec.com/site/hunsha/static/img/WeddingDress-1.jpg" alt="">
                            </li>
                            <li><img src="http://www.bufantec.com/site/hunsha/static/img/WeddingDress-3.jpg" alt="">
                            </li>
                            <li><img src="http://www.bufantec.com/site/hunsha/static/img/WeddingDress-2.jpg" alt="">
                            </li>
                            <li><img src="http://www.bufantec.com/site/hunsha/static/img/WeddingDress-4.jpg" alt="">
                            </li>
                        </ul>
                    </div>
                    <div class="swiper-slide">
                        <ul>
                            <li><img src="http://www.bufantec.com/site/hunsha/static/img/WeddingDress-5.jpg" alt="">
                            </li>
                            <li><img src="http://www.bufantec.com/site/hunsha/static/img/WeddingDress-7.jpg" alt="">
                            </li>
                            <li><img src="http://www.bufantec.com/site/hunsha/static/img/WeddingDress-6.jpg" alt="">
                            </li>
                            <li><img src="http://www.bufantec.com/site/hunsha/static/img/WeddingDress-8.jpg" alt="">
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- 如果需要分页器 -->
                <div class="swiper-pagination1"></div>
            </div>
        </div>
    </div>

    <!-- 珠宝配饰 -->
    <div class="jew">
        <div class="h">
            <div class="title">
                <p class="title1">珠宝配饰</p>
                <p class="title2">Jewelry Show</p>
            </div>
            <ul class="pic">
                <li class="pic-item">
                    <img src="img/jew1.jpg" alt="">
                    <div class="mask">
                        <p class="l1">传世之作，经典重现</p>
                        <p class="l2">维罗尼卡倾情呈现“斑斓之境”（The ...</p>
                    </div>
                </li>

                <li class="pic-item">
                    <img src="img/jew2.jpg" alt="">
                    <div class="mask">
                        <p class="l1">传世之作，经典重现</p>
                        <p class="l2">维罗尼卡倾情呈现“斑斓之境”（The ...</p>
                    </div>
                </li>
                <li class="pic-item">
                    <img src="img/jew3.jpg" alt="">
                    <div class="mask">
                        <p class="l1">传世之作，经典重现</p>
                        <p class="l2">维罗尼卡倾情呈现“斑斓之境”（The ...</p>
                    </div>
                </li>
                <li class="pic-item mr0">
                    <img src="img/jew4.jpg" alt="">
                    <div class="mask">
                        <p class="l1">传世之作，经典重现</p>
                        <p class="l2">维罗尼卡倾情呈现“斑斓之境”（The ...</p>
                    </div>
                </li>
                <div style="clear:both;"></div>
            </ul>
            <div class="more">
                <a href="">MORE</a>
            </div>
        </div>
    </div>
    <!-- 最新活动 -->
    <div class="new">
        <div class="h">
            <div class="title">
                <p class="title-a">最新活动</p>
                <p class="title-b">Latest Activities</p>
            </div>

            <ul class="act">
                <li class="act-item">
                    <img src="img/act-item w289.jpg" alt="">
                    <div class="act-text">
                        <p class="time">06-18
                            <span class="year">2018</span>
                        </p>

                        <p class="new-pro">新品发布会</p>
                        <p class="main">伴随着T台两侧色彩趋势报告的发布，
                            VERONICA2017婚纱新品发布会正...</p>
                        <p class="more">more &gt;</p>
                    </div>
                </li>
                <li class="act-item">
                    <img src="http://www.bufantec.com/site/hunsha/static/img/WeddingDress-1.jpg" alt="">
                    <div class="act-text">
                        <p class="time">12-24
                            <span class="year">2017</span>
                        </p>

                        <p class="new-pro">圣诞高级定制发布会</p>
                        <p class="main">《金字塔铭文》中有这样的话：“天空
                            把自己的光芒伸向你，以便你可...</p>
                        <p class="more">more &gt;</p>
                    </div>
                </li>
                <li class="act-item">
                    <img src="http://www.bufantec.com/site/hunsha/static/img/WeddingDress-3.jpg" alt="">
                    <div class="act-text">
                        <p class="time">06-21
                            <span class="year">2017</span>
                        </p>

                        <p class="new-pro">夏季新品发布会</p>
                        <p class="main">“我非常欣赏并且热爱美国。因为
                            这里是我获得成功的地方。在许...</p>
                        <p class="more">more &gt;</p>
                    </div>
                </li>
                <li class="act-item">
                    <img src="http://www.bufantec.com/site/hunsha/static/img/WeddingDress-6.jpg" alt="">
                    <div class="act-text">
                        <p class="time">06-18
                            <span class="year">2018</span>
                        </p>

                        <p class="new-pro">新品发布会</p>
                        <p class="main">伴随着T台两侧色彩趋势报告的发布，
                            VERONICA2017婚纱新品发布会正...</p>
                        <p class="more">more &gt;</p>
                    </div>
                </li>
            </ul>





            <!-- 最新活动的响应式轮播 -->
            <div class="swiper-container2">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <div class="act-item">
                            <img src="http://www.bufantec.com/site/hunsha/static/img/WeddingDress-5.jpg" alt="">
                            <div class="act-text">
                                <p class="time">06-18
                                    <span class="year">2018</span>
                                </p>
        
                                <p class="new-pro">新品发布会</p>
                                <p class="main">伴随着T台两侧色彩趋势报告的发布，
                                    VERONICA2017婚纱新品发布会正...</p>
                                <p class="more">more &gt;</p>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="act-item">
                            <img src="http://www.bufantec.com/site/hunsha/static/img/WeddingDress-1.jpg" alt="">
                            <div class="act-text">
                                <p class="time">12-24
                                    <span class="year">2017</span>
                                </p>
        
                                <p class="new-pro">圣诞高级定制发布会</p>
                                <p class="main">《金字塔铭文》中有这样的话：“天空
                                    把自己的光芒伸向你，以便你可...</p>
                                <p class="more">more &gt;</p>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="act-item">
                            <img src="http://www.bufantec.com/site/hunsha/static/img/WeddingDress-3.jpg" alt="">
                            <div class="act-text">
                                <p class="time">06-21
                                    <span class="year">2017</span>
                                </p>
        
                                <p class="new-pro">夏季新品发布会</p>
                                <p class="main">“我非常欣赏并且热爱美国。因为
                                    这里是我获得成功的地方。在许...</p>
                                <p class="more">more &gt;</p>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="act-item">
                            <img src="http://www.bufantec.com/site/hunsha/static/img/WeddingDress-6.jpg" alt="">
                            <div class="act-text">
                                <p class="time">06-18
                                    <span class="year">2018</span>
                                </p>
        
                                <p class="new-pro">新品发布会</p>
                                <p class="main">伴随着T台两侧色彩趋势报告的发布，
                                    VERONICA2017婚纱新品发布会正...</p>
                                <p class="more">more &gt;</p>
                            </div>
                        </div>
                    </div>
                </div>
                
            </div>

            <div class="more">
                <a href="">MORE</a>
            </div>


        </div>
    </div>
    <div class="new-box">

    </div>

    </div>
    <div class="des">
        <div class="h">
            <div class="title-0">
                <p class="title-c">设计师</p>
                <p class="title-d">Designers</p>
            </div>
            <ul class="peo">
                <li class="peo-item">
                    <img class="pic" src="img/peo-item1.png" alt="">
                    <p class="name">Jason . W</p>
                    <p class="pos">首席设计师</p>
                    <p class="bri">法国时装设计师，VERONICA品牌创始人之一，设计
                        总监，2016福布斯...</p>
                        <p class="more-item" >MORE</p>
                </li>
                <li class="peo-item">
                    <img class="pic" src="img/peo-item2.png" alt="">
                    <p class="name">颜澈</p>
                    <p class="pos">资深设计师</p>
                    <p class="bri">设计界的“设计鬼才”从题材到表现方式都引起了极大
                        的福布斯...
                    </p>
                    <p class="more-item">MORE</p>
                </li>
                <li class="peo-item mr0">
                    <img class="pic" src="img/peo-item3.png" alt="">
                    <p class="name">Katherine .J </p>
                    <p class="pos">运营总监</p>
                    <p class="bri">The world's leading electronic design journal
                        NEWWEBPICK...</p>
                        <p class="more-item">MORE</p>
                </li>
                <div style="clear:both;"></div>
            </ul>
            
                
                
            
        </div>
    </div>
    <div class="about">
        <div class="h">
            <div class="about1">
                <p class="p1">网站备案号：豫ICP备110121210号</p>
                <p class="p2">增值电信业务经营许可证号：豫B2-20100033</p>
            </div>
            <div class="about2">
                <ul class="us">
                    <li class="us-item">
                        &copy; 2018 VERONICA
                    </li>
                    <li class="us-item">
                        联系我们
                    </li>
                    <li class="us-item">
                        加入我们
                    </li>
                </ul>
            </div>
        </div>
    </div>


    <script src="js/index-mobile.js"></script>

</body>

</html>